/*userMore.html */
html{
    background: -webkit-linear-gradient(#03a9f4, #4da1ff);
    background: -o-linear-gradient(#03a9f4, #4da1ff);
    background: -moz-linear-gradient(#03a9f4, #4da1ff);
    background: linear-gradient(#03a9f4, #4da2ff);
}
.base-background{
    width: 100%;
    height: 100%;
    background-color: #03a9f4;
}
.code-box{
    border-radius: 0.35rem;
    /*height: 19.6rem;*/
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 1.5rem;

}
.code-box .code-name{
    position: relative;
    /*border-radius: 3px;*/
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    padding: 1.02rem;
    width: 100%;
    height: 33.54%;
    border-bottom: 1px dashed  #03a9f4;

}
.code-name  i{
    width:0.5rem;
    height: .5rem;
    display: inline-block;
    background-color: #03a9f4;
    border-radius: 50%;
    position: absolute;
    margin-bottom: -.25rem; bottom: 0;
}
.dot-left{
   left: 0;

    margin-left: -.25rem;

}
.dot-right{
   right: 0;

    margin-right: -.25rem;

}
.code-name .code-name-img img{
    display: inline-block;
    width: 3.45rem;
    height: 3.45rem;
    border-radius: 50%;
    /*border: 1px solid #000;*/
}
.code-name-inner{
    margin-left: 0.8rem;
}
.code-img-pay{
    margin: 1rem auto;
    height: 56.43%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.code-img-pay img{
    width: 6.5rem;
    height: 6.5rem;
    margin: .75rem 0;
}
.code-img-pay h3{
    margin-bottom: 0.75rem;
}
.code-order-set-box{
    background-color: #f0f0f0;
    height:10.03%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
}
.code-order-set{
    margin: 1rem auto;
}
